

<style lang="less">
.cps-icon-allow {
    vertical-align: middle;
}
</style>

<template>
    <svg class="cps-icon-allow" :width="width | px2rem" viewBox="0 0 11 21">
        <path d="M.613 1.271L9.509 10.5.613 19.729a.45.45 0 0 0 0 .624l.018.02a.408.408 0 0 0 .587 0l9.17-9.512c.087-.091.131-.212.125-.386a.448.448 0 0 0-.126-.336L1.218.628l-.01-.01a.408.408 0 0 0-.577.01L.613.647a.45.45 0 0 0 0 .624z" :stroke="svgColor" fill="none" fill-rule="evenodd" :stroke-opacity="opacity" />
    </svg>
</template>

<script>
export default {
    name: "cps-svg-allow",
    props: {
        width: {
            type: Number,
            default: 11
        },
        svgColor:{
            type: String,
            default: '#000'
        },
        opacity:{
            type: Number,
            default: 0.2
        }
    }
}
</script>